/**
* author：郝少聪
* version：1.0
**/
import React, { Component } from 'react';
import { Image, Text, View } from 'react-native';
import styles from '../assets/images/style';

class AuthSearch extends Component {
    render() {
        return (
            <View style={styles.box}>
                <View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>戏曲刘小</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}>戏曲演员，豫剧大师徒弟...</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：6万</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>刘浩浩戏曲</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}>程派男旦演员 京剧 《梅兰...</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：1万</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>戏曲王雪</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}>快来关注我，每天教你戏曲...</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：5822</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>兰州戏曲剧院-张兰</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}></Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：5688</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>戏曲散</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}></Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：4500</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                    <View style={styles.headPortrait}>
                        <View style={{ position: 'relative', width: 70, height: 70 }}>
                            <Image source={require('../assets/images/auth-icon.png')} style={{ width: 13.5, height: 12, zIndex: 10, left: 53.5, top: 57.5, position: "absolute", }} />
                            <Image style={{ width: 70, height: 70, borderRadius: 50, }} />
                        </View>
                        <View style={styles.user}>
                            <Text style={{ fontSize: 16, lineHeight: 22.5, color: '#DA0000' }}>戏曲小生油菜花</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#333333' }}>读书，音乐，旅行，一辈子...</Text>
                            <Text style={{ fontSize: 12, lineHeight: 16.5, color: '#9D9D9D ' }}>粉丝：2400</Text>
                        </View>
                        <View style={styles.follow}>
                            <Text style={{ lineHeight: 24, textAlign: "center", fontSize: 12, color: '#DA0000' }}><Text style={{ width: 10, height: 10 }}>+</Text>关注</Text>
                        </View>
                    </View>
                </View>
            </View>
        );
    }
}

export default AuthSearch;